<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

<c:forEach var="jogo" items="${arrJogos}" varStatus="status">
	<tr>
		<td class="hidden"><input type="hidden" name="jogo.id" value="${jogo.id}" /></td>
		<td><div class="jogo-count">${status.count}</div></td>
		<td class="mandante">
			<div class="time" title="${jogo.mandante.nome}">
				${jogo.mandante.nomeCurto} 
				<div class="right escudo img-thumbnail"></div>
			</div>
		</td>
		<td class="gols-informar"><input type="number" name="jogo.mandante.numeroGols" value="${jogo.mandante.numeroGols}"  min="0" max="99" step="1" /></td>
		<td class="versus">X</td>
		<td class="gols-informar"><input type="number" name="jogo.visitante.numeroGols" value="${jogo.visitante.numeroGols}"  min="0" max="99" step="1" /></td>
		<td class="visitante">
			<div class="time" title="${jogo.visitante.nome}">
				<div class="left escudo img-thumbnail"></div> 
				${jogo.visitante.nomeCurto}
			</div>
		</td>
		<td>
			${jogo.estadio}<br /> 
			<fmt:formatDate value="${jogo.dataHora}" pattern="EEE, dd MMM yyyy"/>
		</td>
		<td>
			<div class="row">
				<div class="col-md-7"><input type="button" data-function="enviarResultado" class="btn btn-default" value="Enviar" /></div>
				<div class="col-md-5">
					<div data-status class="status"></div>
				</div>
			</div>
		</td>
	</tr>
</c:forEach>
<script>
$( document ).ready(function() {
	$(".time").each(function(){
		var timeMinusculo = $(this).text().trim().toLowerCase();
		$(this).find(".escudo").addClass("escudo-"+timeMinusculo);
	});
});

</script>
